﻿<script type="text/javascript">
    var meter;
    var changeTime = 3500;

    $(document).ready(function () {
        $(".focusImgArea #play_text ul li").mouseover(function () {
            if ($(this).hasClass("active")) {
                return;
            }
            $(".focusImgArea #play_text ul li").removeClass("active");
            $(this).addClass("active");
            $(".focusImgArea #play_list a").hide();
            $(".focusImgArea #play_list #play_item_" + $(this).attr("id").replace("play_text_","")).fadeIn();
        });

        $(".focusImgArea #play_list a").mouseover(function () {
            clearInterval(meter);
        });
        $(".focusImgArea #play_list a").mouseout(function () {
            meter = setInterval("PicAutoScroll()", changeTime);
        });

        meter = setInterval("PicAutoScroll()", changeTime);
    });

    function PicAutoScroll()
    {
        var index = parseInt($(".focusImgArea #play_text ul li.active").attr("id").replace("play_text_", "")) + 1;
        if (index > 1) index = 0;
        $(".focusImgArea #play_text ul li").removeClass("active");
        $(".focusImgArea #play_text ul #play_text_" + index).addClass("active");
        $(".focusImgArea #play_list a").hide();
        $(".focusImgArea #play_list #play_item_" + index).fadeIn();
    }
</script>
<div class="focusTop">
    <div class="focusScrollLeft">
        <div class="focusImgArea" id="play">
            <div id="play_list">
                <a id="play_item_0" href="@Url.RouteUrl("ItemList")?Keyword=连裤袜&StartPrice=35&EndPrice=50" target="_blank" style="display: block;">
                    <img alt="连裤袜 35元起" src="/content/images/liankuwa.jpg" width="710" height="340">
                </a>
                <a id="play_item_1" href="@Url.RouteUrl("ItemList")?Keyword=短袖衬衫&StartPrice=49&EndPrice=100" target="_blank" style="display: none;">
                    <img width="710" height="340" src="/content/images/duanxuichenshan.jpg" alt="短袖衬衫 49元起" width="710" height="340">
                </a>
            </div>
            <div id="play_text">
                <ul>
                    <li id="play_text_0" class="active">1</li>
                    <li id="play_text_1" >2</li>
                </ul>
            </div>
        </div>
        <div class="textScroll">
            <div id="textScrollArea">
                <div id="textScroll">
                    <div id="textScrollCon1">
                        <a class="track" href="@Url.RouteUrl("ItemList")?Keyword=每日特惠5元起&StartPrice=129&EndPrice=200&Sort=commissionNum_desc" target="_blank">每日特惠5元起</a>&nbsp;&nbsp;
                        <a class="track" href="@Url.RouteUrl("ItemList")?Keyword=卫衣&StartPrice=19&EndPrice=100&Sort=commissionNum_desc" target="_blank">热销卫衣最强折扣19元起</a>&nbsp;&nbsp;
                        <a class="track" href="@Url.RouteUrl("ItemList")?Keyword=灯芯绒衬衫" target="_blank">春季新色彩灯芯绒衬衫</a>&nbsp;&nbsp;
                    </div>
                    
                </div>
            </div>
        </div>
    </div>
    <div class="newsAreaRight">
        <div class="newsAd01">
            <a target="_blank" href="@Url.RouteUrl("ItemList")?Keyword=平底鞋&StartPrice=69&EndPrice=100&Sort=commissionNum_desc"><img src="/content/images/ad_s1.jpg" width="258" height="228" alt="48小时限时抢购 平底鞋" /></a>
        </div>
        <div class="newsAd02">
            <a target="_blank" href="@Url.RouteUrl("ItemList")?Keyword=休闲裤&StartPrice=9&EndPrice=50&Sort=price_asc"><img src="/content/images/xiuxianku_ad.jpg" alt="休闲裤 9元起" width="258" height="138" /></a>
        </div>
    </div>
    <div class="blank0"></div>
</div>
